<!DOCTYPE html>
<html ng-app="wechat" ng-controller="dispatcher">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title ng-bind="Page.title()"></title>
    <link rel="stylesheet" href="../css/usual_class.css" type="text/css">
    <script src="../js/angular-1.5.7.js"></script>
    <script src="../js/angular-ui-router.min.js"></script>
    <script src="./js/init.js"></script>
    <script src="./js/lib.js"></script>
    <script src="./js/ctrl_science.js"></script>
    <script src="./js/ctrl_activity.js"></script>
    <script src="./js/ctrl_person.js"></script>
    <!-- map api -->
    <script src="http://webapi.amap.com/maps?v=1.3&key=cc72db5d6f8295a36c30486830468a93"></script>
    <!-- <script src="./js/xydata.js"></script> -->
    <!-- plug -->
    <!-- <link href="../plug/date/css/common.css" rel="stylesheet" type="text/css" /> -->
    <script src="../plug/date/js/jquery-1.9.1.js"></script>
    <!-- <script src="../plug/date/js/date.js"></script> -->
    <!-- <script src="../plug/date/js/iscroll.js"></script> -->
    <!-- <link rel="stylesheet" href="../plug/date_c/css/sm.min.css"> -->
    <!-- <link rel="stylesheet" href="../css/date.css"> -->
    <!-- <script src='../plug/date_c/js/zepto.min.js'></script> -->
    <!-- <script src='../plug/date_c/js/sm.min.js'></script> -->
    <script src="../plug/date_b/js/calendar.js"></script>
    <!-- wechat plug -->
    <script type="text/javascript" src="../js/plug/wechat/pingpp_pay.js"></script>
    <!-- qrcode -->
    <script src="../../js/plug/qrcode/jquery.qrcode.min.js"></script>
    <style>
    @font-face {
        /* font-properties */
        font-family: noto;
        src: url('../font/NotoSansPhagsPa-Regular.ttf');
    }
    
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
        /*background-color: rgba(241, 241, 241, 1);*/
        background-color: rgba(236, 239, 241, 1);
        font: normal 100%/1.4 noto;
        /*font: normal 100%/1.4 sans-serif;*/
        /*font-family: 'Microsoft Yahei', Georgia, "Times New Roman", Times, serif;*/
        font-size: 14px;
        color: #2c3e50;
    }
    
    .spinner {
        width: 72px;
        height: 72px;
        position: relative;
        margin: 100px auto;
    }
    
    .double-bounce1,
    .double-bounce2 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #67CF22;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: bounce 2.0s infinite ease-in-out;
        animation: bounce 2.0s infinite ease-in-out;
    }
    
    .double-bounce2 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }
    
    @-webkit-keyframes bounce {
        0%,
        100% {
            -webkit-transform: scale(0.0)
        }
        50% {
            -webkit-transform: scale(1.0)
        }
    }
    
    @keyframes bounce {
        0%,
        100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }
        50% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }
    </style>
</head>

<body>
    <!-- <div alert-msg toast="toast"></div> -->
    <div class="container">
        <ui-view>
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </ui-view>
    </div>
</body>

</html>
